import React from 'react';
import 'font-awesome/scss/font-awesome.scss';
import { Link } from 'react-router-dom'
import './FontMenu.scss';

export default class FootMenu extends React.PureComponent {

    constructor(props,context){
        super(props,context);
    }

    render() {

        return (
            <div className="FootMenu">
                <ul>
                    <Link to={'./Home'}>
                        <li className={this.props.match.path == '/Home' ? 'active' : ''}>
                            <i className="l fa fa-home fa-fw"></i>
                            <div className="fontMenuName">首页</div>
                        </li> 
                    </Link> 
                    <Link to={'./AddActivity'}>
                        <li className={this.props.match.path == '/AddActivity' ? 'active' : ''}>
                            <i className="l fa fa-plus fa-fw"></i>
                            <div className="fontMenuName">创建活动</div>
                        </li>  
                    </Link> 
                    <Link to={'./MyActivity'}>
                        <li className={this.props.match.path == '/MyActivity' ? 'active' : ''}>
                            <i className="l fa fa-edit fa-fw"></i>
                            <div className="fontMenuName">我的活动</div>
                        </li>  
                    </Link>
                    <li>
                        <i className="l fa fa-phone fa-fw"></i>
                        <div className="fontMenuName">客服</div>
                    </li>  
                </ul>
            </div>
        )
    }
}
